<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>代下单管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="quanqiuchi ued">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="../bootstrap-3.3.5/dist/css/bootstrap.min.css" media="screen, projection">
    <!--     <link rel="stylesheet" type="text/css" href="../bootstrap-3.3.5/dist/css/bootstrap-theme.min.css" media="screen, projection"> -->
    <link rel="stylesheet" type="text/css" href="../css/style.css" media="screen, projection">
</head>

<body>
    <!--右边栏 Start-->
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="page-header fm-hd">
                    <h4>代下单管理</h4>
                </div>
                <!-- 查询模块 Start -->
                <div class="fm-query">
                    <h4>
                                代下单查询
                            </h4>
                    <div class="frmbox">
                        <form>
                            <div class="querybox">
                                <div class="form-group">
                                    <label class="control-label">用户名：</label>
                                    <div class="control-con">
                                        <input type="email" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label">联系人：</label>
                                    <div class="control-con">
                                        <input type="email" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="querybtn">
                                <button class="btn btn-primary">搜索</button>
                                <button class="btn btn-default">重置</button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- 查询模块 End -->
                <!-- 订单列表 Start -->
                <div class="order-list">
                    <h4>代下单用户列表</h4>
                    <div class="tabbable order" id="tabs-632335">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#panel-1" data-toggle="tab">服务商品</a>
                            </li>
                            <li>
                                <a href="#panel-2" data-toggle="tab">销售商品</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="panel-1">
                                <!-- 服务商品  开始 -->
                                <div class="ddd-hd">
                                    <div class="fmbox box1">
                                        <input type="checkbox" class="chk" />自动续订服务
                                    </div>
                                    <div class="clearit"></div>
                                </div>
                                <div class="ddd-bd">
                                    <ul class="ul-dxd">
                                        <li>
                                            <div class="li-radio">
                                                <input type="radio" checked="checked" />
                                            </div>
                                            <div class="li-img">
                                                <a href="#"><img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" /></a>
                                            </div>
                                            <div class="li-info">
                                                <div class="bigtitle"><a href="#">老品种胡萝卜蔬菜种子</a></div>
                                                <div class="subtitle">宅配套餐副标题</div>
                                            </div>
                                            <div class="li-code">
                                                商品编码：78855442222225
                                            </div>
                                            <div class="li-price">
                                                会员价格：60.00
                                            </div>
                                            <div class="clearit"></div>
                                        </li>
                                        <li>
                                            <div class="li-radio">
                                                <input type="radio" />
                                            </div>
                                            <div class="li-img">
                                                <a href="#"><img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" /></a>
                                            </div>
                                            <div class="li-info">
                                                <div class="bigtitle"><a href="#">老品种胡萝卜蔬菜种子</a></div>
                                                <div class="subtitle">宅配套餐副标题</div>
                                            </div>
                                            <div class="li-code">
                                                商品编码：78855442222225
                                            </div>
                                            <div class="li-price">
                                                会员价格：60.00
                                            </div>
                                            <div class="clearit"></div>
                                        </li>
                                        <li>
                                            <div class="li-radio">
                                                <input type="radio" />
                                            </div>
                                            <div class="li-img">
                                                <a href="#"><img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" /></a>
                                            </div>
                                            <div class="li-info">
                                                <div class="bigtitle"><a href="#">老品种胡萝卜蔬菜种子</a></div>
                                                <div class="subtitle">宅配套餐副标题</div>
                                            </div>
                                            <div class="li-code">
                                                商品编码：78855442222225
                                            </div>
                                            <div class="li-price">
                                                会员价格：60.00
                                            </div>
                                            <div class="clearit"></div>
                                        </li>
                                    </ul>
                                </div>
                                <!-- 分页 Start -->
                                <div class="pagebox">
                                    <div class="numbox">共<span class="blue3">8</span>条记录</div>
                                    <ul class="pagination fm_pageination">
                                        <li>
                                            <a href="#">上一页</a>
                                        </li>
                                        <li class="active">
                                            <a href="#">1</a>
                                        </li>
                                        <li>
                                            <a href="#">2</a>
                                        </li>
                                        <li>
                                            <a href="#">3</a>
                                        </li>
                                        <li>
                                            <a href="#">4</a>
                                        </li>
                                        <li>
                                            <a href="#">5</a>
                                        </li>
                                        <li>
                                            <a href="#">下一页</a>
                                        </li>
                                    </ul>
                                </div>
                                <!-- 分页 End -->
                                <!-- 服务商品  结束 -->
                            </div>
                            <div class="tab-pane" id="panel-2">
                                <!-- 销售商品  开始 -->
                                <div class="ddd-hd">
                                    <div class="fmbox box1">
                                        <input type="checkbox" class="chk" />自动续订服务
                                    </div>
                                    <div class="clearit"></div>
                                </div>
                                <div class="ddd-bd">
                                    <ul class="ul-dxd">
                                        <li>
                                            <div class="li-radio">
                                                <input type="radio" />
                                            </div>
                                            <div class="li-img">
                                                <a href="#"><img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" /></a>
                                            </div>
                                            <div class="li-info">
                                                <div class="bigtitle"><a href="#">老品种胡萝卜蔬菜种子</a></div>
                                                <div class="subtitle">宅配套餐副标题</div>
                                            </div>
                                            <div class="li-price">
                                                会员价格：60.00
                                            </div>
                                            <div class="li-code">
                                                <div class="numbox">
                                                    <span class="numl">-</span>
                                                    <input type="text" name="numInput" value="1" class="numinput">
                                                    <span class="numr">+</span>
                                                </div>
                                            </div>
                                            <div class="clearit"></div>
                                        </li>
                                        <li>
                                            <div class="li-radio">
                                                <input type="radio" />
                                            </div>
                                            <div class="li-img">
                                                <a href="#"><img src="http://image.foodmall.com/group3/M00/14/D9/CgAAKFdyJ4OAY6rnAAeB-SCtGE8366_small.png" /></a>
                                            </div>
                                            <div class="li-info">
                                                <div class="bigtitle"><a href="#">老品种胡萝卜蔬菜种子</a></div>
                                                <div class="subtitle">宅配套餐副标题</div>
                                            </div>
                                            <div class="li-price">
                                                会员价格：60.00
                                            </div>
                                            <div class="li-code">
                                                <div class="numbox">
                                                    <span class="numl">-</span>
                                                    <input type="text" name="numInput" value="1" class="numinput">
                                                    <span class="numr">+</span>
                                                </div>
                                            </div>
                                            <div class="clearit"></div>
                                        </li>
                                    </ul>
                                </div>
                                <!-- 分页 Start -->
                                <div class="pagebox">
                                    <div class="numbox">共<span class="blue3">8</span>条记录</div>
                                    <ul class="pagination fm_pageination">
                                        <li>
                                            <a href="#">上一页</a>
                                        </li>
                                        <li class="active">
                                            <a href="#">1</a>
                                        </li>
                                        <li>
                                            <a href="#">2</a>
                                        </li>
                                        <li>
                                            <a href="#">3</a>
                                        </li>
                                        <li>
                                            <a href="#">4</a>
                                        </li>
                                        <li>
                                            <a href="#">5</a>
                                        </li>
                                        <li>
                                            <a href="#">下一页</a>
                                        </li>
                                    </ul>
                                </div>
                                <!-- 分页 End -->
                                <!-- 销售商品  结束 -->
                            </div>
                        </div>
                    </div>
                    <!-- 订单列表 End -->
                    <div class="dxdbtn">
                        <button class="btn btn-primary" data-toggle="modal" data-target="#ddqr">下单</button>
                    </div>
                </div>
            </div>
        </div>
        <!--右边栏 End-->
        <!-- 订单确认弹出层  -->
        <div class="modal fade ddqrbox" id="ddqr" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">订单确认</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal frm-ddqr" role="form">
                            <div class="form-group">
                                <label for="firstname" class="col-sm-3 control-label"><span class="redstar">*</span>姓名：</label>
                                <div class="col-sm-5">
                                    <input type="text" class="form-control" id="firstname" value="张三" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="lastname" class="col-sm-3 control-label"><span class="redstar">*</span>手机：</label>
                                <div class="col-sm-5">
                                    <input type="text" class="form-control" id="lastname" value="13888888888" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="lastname" class="col-sm-3 control-label"><span class="redstar">*</span>配送地址：</label>
                                <div class="col-sm-9">
                                    <ul class="ul-area">
                                        <li>
                                            <select class="form-control">
                                                <option>福建省</option>
                                            </select>
                                        </li>
                                        <li>
                                            <select class="form-control">
                                                <option>福州市</option>
                                            </select>
                                        </li>
                                        <li>
                                            <select class="form-control">
                                                <option>晋安区</option>
                                            </select>
                                        </li>
                                        <li>
                                            <select class="form-control">
                                                <option>居住主题公园</option>
                                            </select>
                                        </li>
                                        <li>
                                            <select class="form-control">
                                                <option>东门自提店</option>
                                            </select>
                                        </li>
                                        <li class="last">
                                            <input type="text" class="form-control" id="lastname">
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="firstname" class="col-sm-3 control-label"><span class="redstar">*</span>代下单人员工号：</label>
                                <div class="col-sm-5">
                                    <input type="text" class="form-control" id="firstname" value="张三" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="firstname" class="col-sm-3 control-label">账户余额：</label>
                                <div class="col-sm-5">
                                    <div class="priceblack">1000元</div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="firstname" class="col-sm-3 control-label">订单余额：</label>
                                <div class="col-sm-5">
                                    <div class="pricered">1000元</div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消
                        </button>
                        <button type="button" class="btn btn-primary">
                            提交
                        </button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
            <script data-main="../js/modules/index/index.js" src="../js/libs/require.js"></script>
</body>

</html>
